@media screen and (max-width:1600px){
 
}
@media screen and (max-width:1440px){
 
}
@media screen and (max-width:1280px){
 
}
@media screen and (max-width:1200px){
.logo{ float: left; display: block; width: 131px; height: 51px; overflow: hidden;margin-left:20px;}
 .logo img{} 
 }
@media screen and (min-width:1220px){
.aboutus{width:1200px;margin:auto;} 
 }
@media screen and (min-width:1000px) and (max-width:1219px){
.aboutus{width:980px;margin:auto;}
}
@media screen and (max-width:999px){
.zong{width:95%;margin:auto; } 
.pagebox .inner {width: 80%;}
.pagebox .inner  img{ width: 100%!important; height: auto!important; }
.productlist{ width: 96%; margin: 0px auto; overflow: hidden;}
.productlist ul{ width: 100%;}
.productlist li{ background-color: #f8f8f8; width:31%; margin: 0px 2% 22px 0px;}
.productlist li .img{ width:100%; }
.productlist li .img a{ display: block; position: relative; width:100%;}
.infoDpage{ width: 95%; margin: 0px auto; overflow: hidden; padding: 5% 0px 0px;}
.infoDpage .infoD-c  img{ width:100%; display: block; }
.map{ width: 100%; min-width: 700px; margin: 0px auto; height: 340px;}
.w950{ width: 90%; margin: 0px auto; color: #838383;}
.messagebox{width: 90%;}
.pbanner{ height: 168px; } 
.iprobox-c{ position: relative; width: 100%; margin: 0px auto; height: 185px;}
.iprobox-box{ position: relative; width: 80%; margin: 0px auto; height: 185px; overflow: hidden;}
.contacttype li{ float:left; display:inline-block; padding: 15px 65px; width:207.5px; overflow:hidden;}
}
@media screen and (min-width:850px){
.aboutus .aboutusnr .aboutustu{position:absolute;top:-22px;left:6px;}
.aboutus .aboutusnr .aboutuszims{ height:102px; overflow:hidden;}	

	}
 
@media screen and (max-width:849px){
.aboutus .aboutusnr .aboutustu{ display:block; width:100%; text-align:center; margin:0 auto; margin-top:30px;}
.aboutus .aboutusnr .aboutustu img{ width:100%;max-width:508px; max-height:276px;}
.aboutus .aboutusnr .aboutuszi{ padding-left:0px; margin:0 auto; margin-top:20px;padding:20px 10px;}
.aboutus .aboutusnr .aboutuszims{ }
}
@media screen and (max-width:1280px){

	.top{ padding: 10px 0px 15px;}
 

}
@media screen and (max-width:1024px){
     .inner{ width: 100%; margin: 0px auto;}
	.grop{ position: fixed; left: 0px; top: 0px; width: 100%; background-color: #fff; z-index: 900;}
	.top{ padding: 0px 0px; width: 100%;}
	.menu-handler{ display: block;}
	.nav{ display: none;}	
    .iprobox-box{ position: relative; width: 80%; margin: 0px auto; height: 285px; overflow: hidden;}
	.kitem .img{ width: 100%;   overflow: hidden;}
	.iAnnounCementbox-c{ width: 90%; margin: 0px auto; position: relative; overflow: hidden; height: 224px;}
	.iAnnounCementbox-c li{ float:left; display: block; width: 40%; margin-right: 5%;}
	.iAnnounCementbox-c .img{ float: left; display: block; width: 40%;height: 40%; }
	.iAnnounCementbox-c .txt{ float: right; display: block; width: 40%;}
    .iAnnounCementbox-c .img .ico{ background: url(../img/more.gif) no-repeat  50% 50% ; width: 20px; height: 20px; margin: 20px auto 0px; display: block;}
	.brandbox{ width: 90%; overflow: hidden; margin: 0px auto; padding-left: 41px;}
	.brandbox li{ float: left; display: block; width: 314px; margin-right: 41px;}
	.pbanner{ height: 228px; } 
}
@media screen and (min-width:850px){
.aboutus .aboutusnr .aboutustu{ position:absolute; top:-22px; left:6px;}	
	}
@media screen and (max-width:861px){
.footer,.linkR{display: none;}
.linkL{ width: 80%; margin-left:20px;}
.brandbox{ width: 100%; overflow: hidden; margin: 0px auto;}
.brandbox li{ float: left; display: block; width:45%;  margin-right: 5%; }	
.brandbox li .img{ width:30%;float: left; display: block;}
.brandbox li .img img{ width:80%;}
.brandbox li .txt{ width: 70%; float: right; display: block;}
.pbanner{ height: 100px; } 
.contacttype li{ float:left; display:inline-block; padding: 15px 45px; width:207.5px; overflow:hidden;}
}
@media screen and (max-width:641px){
 	.brandbox{ width: 100%; overflow: hidden; margin: 0px auto;}
	.brandbox li{ float: left; display: block; width: 80%; height:180px; }
	.brandbox li .img{ width:30%;float: left; display: block;}
	.brandbox li .img img{ width:70%;}
	.brandbox li .txt{ width: 70%; float: right; display: block;}
	.productlist ul{ width: 100%;}
	.productlist li{ background-color: #f8f8f8; width:48%; margin: 0px 2% 22px 0px;}
	.productlist li .img{ width:100%; }
	.productlist li .img a{ display: block; position: relative; width:100%;}
	.map{ width: 100%; min-width: 100%; margin: 0px auto; height: 340px;}
	.pbanner{ height: 68px; }
	.iprobox{ background:url(../img/b2.jpg) no-repeat scroll center top #ebebeb; background-size: cover; background-attachment:fixed; background-attachment: scroll\9; height: 530px;} 
	.iprobox-c{ position: relative; width: 100%; margin: 0px auto; height: 125px;}
    .iprobox-box{ position: relative; width: 80%; margin: 0px auto; height: 125px; overflow: hidden;}
	.iprobox .inext,.iprobox .iprev{ position: absolute; top: 36px; width: 38px; height: 71px;}
	.iprobox .bx-prev{ background: url(../img/lr.gif) no-repeat scroll left top ;   width: 100%; height: 100%; display: block;}
	.iprobox .bx-next{ background: url(../img/lr.gif) no-repeat scroll right top;  width: 100%; height: 100%; display: block;}
     .contacttype li{ float:left; display:inline-block; padding: 15px 15px; width:207.5px; overflow:hidden;}

}
@media screen and (max-width:481px) {
 .productlist ul{ width: 100%;}
.productlist li{ background-color: #f8f8f8; width:95%; margin: 0px 5% 22px 0px;}
.productlist li .img{ width:100%; }
.productlist li .img a{ display: block; position: relative; width:100%;}
     .contacttype li{ float:left; display:inline-block; padding: 15px 45px; width:207.5px; overflow:hidden;} 
}